// 移入显示
$(".small").mouseenter(function () {
  $(".mark").css("display", "block");
  $(".big").css("display", "block");
});
// console.log($(".big img").width());
// 鼠标跟随
$(".small").mousemove(function (e) {
  e = e || window.event;
  var left = e.pageX - ($(".small").offset().left + 1);
  var top = e.pageY - ($(".small").offset().top + 1);
  // 光标在中间
  left = left - $(".mark").width() / 2;
  top = top - $(".mark").height() / 2;
  if (left < 0) {
    left = 0;
  }
  if (left > $(".small").width() - $(".mark").width()) {
    left = $(".small").width() - $(".mark").width();
  }
  if (top < 0) {
    top = 0;
  }
  if (top > $(".small").height() - $(".mark").height()) {
    top = $(".small").height() - $(".mark").height();
  }
  //定位mark
  $(".mark").css("left", left);
  $(".mark").css("top", top);
  // 对应大图显示;
  var bigLeft = (-left / $(".small").width()) * $(".big").width();
  var bigTop = (-top / $(".small").height()) * $(".big").height();
  $(".big img").css("left", bigLeft);
  $(".big img").css("top", bigTop);
});

//鼠标移到li加class
// console.log($(".show>ul>li"));
for (var i = 0; i < $(".show>ul>li").length; i++) {
  function fn(i) {
    $(".show>ul>li")[i].onmouseenter = function () {
      $(".show>ul>li").removeClass("acve");
      $(this).addClass("acve");
      $(".small img").removeClass("light");
      $(".small img")[i].className = "light";
      $(".big img").removeClass("light");
      $(".big img")[i].className = "light";
    };
  }
  fn(i);
}

// 鼠标移出
$(".small").mouseleave(function () {
  $(".mark").css("display", "none");
  $(".big").css("display", "none");
});

$("#add").click(function () {
  $.ajax({
    url: "http://localhost/ht-shop/src/php/add.php",
    data: {
      id: $("#one").text(),
      name: $("#title").text(),
      img: $("#pic").attr("src"),
      price: $("#price").text(),
      num: $("#number").val(),
    },
    success: function (res) {
      // console.log(res)
      if (res.code == 1) {
        alert("商品加入成功");
      }
    },
    dataType: "json",
  });
});
